<template>
    <div>
        <div class="top">
            <van-icon class="icon" name="cross" size="25" />
            <span class="text">活动中心</span>
        </div>
        <div>
            <van-search
                v-model="value"
                show-action
                label="重庆"
                shape="round"
                placeholder="请输入搜索关键词"
            >
            </van-search>
        </div>
    </div>
</template>

<script>
    export default {
        data() {
            return {
                value: '',
            }
        },
    }
</script>

<style lang="scss" scoped>
.top {
    width: 100vw;
    height: 54px;
    background-color: #fff;
    position: relative;
    display: flex;
    .icon {
        position: absolute;
        top: 20%;
        color: #000;
        margin-left: 10px;
    }
    .text {
        font-size: 20px;
        position: absolute;
        left: 40%;
        top:20%;
        color: #000;
    }
}
</style>